//@ sourceURL=course.js
$(function(){
	findCoursesByPage(1);
	//给模糊搜索的按钮添加click事件
	$("#course .row button").click(function(){
		findCoursesByPage(1);
	});
	//给新增表单注册submit事件
	
	$("#addCoursePanel form").submit(function(){
		return addCourse();
	});
	
	
	
	
	
});
//添加课程
function addCourse(){
	//获取添加课程的新数据
	var courseName=$("#addCoursePanel form #courseName").val();
	var order=$("#addCoursePanel form #order").val();
	var desc=$("#addCoursePanel form #desc").val();
	
	$.ajax({
		url:basePath+"addcourse.do",
		type:"post",
		data:{
			"courseName":courseName,
			"order":order,
			"desc":desc
		},
		datatype:"json",
		success:function(){
			alert("添加角色成功!");
		},
		error:function(){
			alert("请求失败!!");
		}
		
		
	});
	
}


//模糊+分页
function findCoursesByPage(currentPage){
	var coursekeyword=$("#course .row input[type=text]").val();
	if(coursekeyword==""){
		coursekeyword="nochar";
	}
	$.ajax({
		url:basePath+"findcoursesbypage.do",
		type:"get",
		data:{
			"currentPage":currentPage,
			"coursekeyword":coursekeyword
		},
		dataType:"json",
		success:function(result){
			if(result.status==1){	
				//数据查询成功,给table和分页条dom编程
				//获取数据
				var page=result.data;
				var courses=page.data;
				//清空表格的tbody
				$("#course table tbody").html("");
				//循环courses,并给tbody中添加tr
				$(courses).each(function(index,course){
					var tr=`<tr id="${course.id}">
				                <td>${index+1}</td>
				                <td><img src="images/size.png"></td>
				                <td>${course.name}</td>
				
				                <td>${course.order1}</td>
				                <td>${new Date(course.regDate).toLocaleDateString().replace("/","-").replace("/","-")}</td>
				                <td>${course.desc1}</td>
				                <td>
				                  <a href="" data-toggle="modal" data-target="#editCourse"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>编辑</a>
				                  <a href="" data-toggle="modal" data-target=".bs-example-modal-sm"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除</a>
				                </td>
				              </tr>`;
					$("#course table tbody").append(tr);	
				});
				
					
				//处理分页条
				$("#course .pagination").html("");
				var options={
					currentPage:currentPage,//当前页,当前页面显示数据的那个页号
					totalPages:page.totalPage,//总页数
					numberOfPages:5,//分页条中的超链接的个数
					shouldShowPage: true, //是否显示分类按钮
                    useBootstrapTooltip: true, // 是否添加工具提示
					onPageClicked:function(event,originalEvent,type,page){
						//page是用户点击的页号,就是准备跳转到page页上去
						findCoursesByPage(page);
					}
				};
				$("#course .pagination").bootstrapPaginator(options);
			}else if(result.status==0){
				alert(result.message);
			}
		},
		error:function(){
			
			alert("请求失败!!");
		}
	});
}